<template>
  <div class="classicmovies">
    <a href="/movie/1299124">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p0.meituan.net/moviemachine/6766681dc599e1964e9acbf86391207377187.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">新神榜：哪吒重生</div>
          <div class="english-title line-ellipsis">New Gods:Nezha Reborn</div>
          <div class="actors line-ellipsis">动作,奇幻,动画</div>
          <div class="show-info line-ellipsis">2021-02-12 08:00中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">8.7</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/1259189">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p1.meituan.net/movie/3c447a5225de41f893179ee9102752cc2372467.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">六人-泰坦尼克上的中国幸存者</div>
          <div class="english-title line-ellipsis">The Six</div>
          <div class="actors line-ellipsis">纪录片</div>
          <div class="show-info line-ellipsis">2021-04-16 18:00中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">8.3</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/1334342">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p0.meituan.net/movie/df84690ded848edf709187eae23a7969866455.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">送你一朵小红花</div>
          <div class="english-title line-ellipsis">A Little Red Flower</div>
          <div class="actors line-ellipsis">剧情,家庭</div>
          <div class="show-info line-ellipsis">2020-12-31 18:00中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">9.2</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/343568">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p0.meituan.net/moviemachine/58732574fbc2f64c04c3e825c058da7f16742753.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">哥斯拉大战金刚</div>
          <div class="english-title line-ellipsis">Godzilla vs Kong</div>
          <div class="actors line-ellipsis">动作,冒险,科幻</div>
          <div class="show-info line-ellipsis">2021-03-26 08:00中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">8.9</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/1199007">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p0.meituan.net/movie/12b0e9d3c645cda41a9c787066d52279388947.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">侍神令</div>
          <div class="english-title line-ellipsis">The YinYang Master</div>
          <div class="actors line-ellipsis">奇幻</div>
          <div class="show-info line-ellipsis">2021-02-12 08:00中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">8.5</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/246591">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p0.meituan.net/moviemachine/424355db5dbc6f9f44d00da67dd1bc85931175.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">大鱼海棠</div>
          <div class="english-title line-ellipsis">Big Fish &amp; Begonia</div>
          <div class="actors line-ellipsis">剧情,动画,奇幻</div>
          <div class="show-info line-ellipsis">2016-07-08中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">8.4</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/1258394">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p0.meituan.net/moviemachine/b7362f555340906684944957dfc8d5421530646.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">名侦探柯南：绀青之拳</div>
          <div class="english-title line-ellipsis">名探偵コナン 紺青の拳</div>
          <div class="actors line-ellipsis">动画,悬疑,动作</div>
          <div class="show-info line-ellipsis">2019-09-13中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">8.7</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/1328712">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p0.meituan.net/movie/202ea88abd2abf2aa1964487d61edab64556414.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">我和我的家乡</div>
          <div class="actors line-ellipsis">剧情,喜剧</div>
          <div class="show-info line-ellipsis">2020-10-01 08:00中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">9.2</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/243">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p1.meituan.net/moviemachine/f7086730608eb956c7c27e9eb3b5cc415439205.jpg@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">阿凡达</div>
          <div class="english-title line-ellipsis">Avatar</div>
          <div class="actors line-ellipsis">动作,科幻,冒险</div>
          <div class="show-info line-ellipsis">2010-01-04中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">9.4</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>
    <a href="/movie/78525">
      <div class="classic-movie">
        <div class="avatar">
          <img src="https://p0.meituan.net/moviemachine/83e4201171f8173c9fc5a743da36a99a73316.webp@1l_1e_1c_128w_180h"
               onerror="this.style.visibility='hidden'">
        </div>
        <div class="movie-info">
          <div class="title line-ellipsis">哆啦A梦：伴我同行</div>
          <div class="english-title line-ellipsis">ドラえもん</div>
          <div class="actors line-ellipsis">剧情,喜剧,动画</div>
          <div class="show-info line-ellipsis">2015-05-28中国大陆上映</div>
        </div>
        <div class="movie-score">
          <div class="score line-ellipsis">
            <span class="grade">9.0</span>
            <span>分</span>
          </div>
        </div>
      </div>
    </a>

  </div>
</template>
<script>
export default {
  data () {
    return {}
  }
}
</script>
<style lang="scss" scoped>
.classicmovies {
  .classic-movie {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    display: flex;
    padding: 15px;
    .avatar {
      height: 94px;
      img {
        width: 66px;
        height: 94px;
      }
    }
    .movie-info {
      margin-left: 10px;
      width: 241.6px;
      color: #666;
      font-size: 13px;
      .title {
        color: #333;
        font-size: 17px;
        font-weight: bold;
      }
      .line-ellipsis {
        margin-bottom: 3px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
      }
    }
    .movie-score {
      margin-left: 15px;
      color: #999;
      font-size: 12px;
      .grade {
        color: #faaf00;
        font-size: 15px;
      }
    }
  }
}
</style>
